<?php
	// ruta de imagenes del dhtmlx
	$imgpathDhtmlx="js/codebase/imgs/";

	// estilo que utiliza la tabla
	$DhtmlxSky="dhx_skyblue";

	
	/**
	 * funcion construye los script para la inicializacion del grip de dthmlx
	 * @return unknown_type
	 */
	function initDhtmlx(){
		?>
	<!-- hojas de estilo para tabla -->	
	<link rel="STYLESHEET" type="text/css" href="js/codebase/dhtmlxgrid.css">
	<link rel="stylesheet" type="text/css" href="js/codebase/skins/dhtmlxgrid_dhx_skyblue.css">
    <link rel="STYLESHEET" type="text/css" href="js/dhtmlxCombo/codebase/dhtmlxcombo.css">
    <link rel="stylesheet" href="css/style_formulario.css" type="text/css" media="all" />
	<!-- script para la tabla -->
	<script  src="js/codebase/dhtmlxcommon.js"></script>
	<script  src="js/codebase/dhtmlxgrid.js"></script>
	<script  src="js/codebase/dhtmlxgridcell.js"></script>	
	<script  src="js/codebase/ext/dhtmlxgrid_start.js"></script>
	<script  src="js/codebase/ext/dhtmlxgrid_srnd.js"></script>
	<script  src="js/codebase/ext/dhtmlxgrid_filter.js"></script>    
	<script  src="js/dhtmlxCombo/codebase/dhtmlxcombo.js"></script>
	    <?php 
	}
	
	
	function initTree(){
		
		?>
		
		<link rel="STYLESHEET" type="text/css" href="js/codebase/dhtmlxtree.css">
        <script  src="js/codebase/dhtmlxcommon.js"></script>
        <script  src="js/codebase/dhtmlxtree.js"></script>
		
		<?php 
	}
	
	/**
	 * funcion que crea los script para el editor de texto
	 * @return unknown_type
	 */
	function initEditor(){
		?>
	<!-- script para editor wysiwyg 
	<link rel="stylesheet" href="js/openwysiwyg/docs/style.css" type="text/css">	
	-->
	<!-- Include the WYSIWYG javascript files-->
	<script type="text/javascript" src="js/openwysiwyg/scripts/wysiwyg.js"></script>
	<script type="text/javascript" src="js/openwysiwyg/scripts/wysiwyg-settings.js"></script>	
	
		<?php 	
	}

	/**
	 * funcion para la creacion de una ventana, para vizualizar las imagenes cargadas a la aplicacion
	 * @return unknown_type
	 */
	function ventanaVisualizacion(){
		
		?>
	<script type="text/javascript">
	<!--

	function verImagen(nombre,tipo){

		var caddie = window.open('','caisse','width=300,height=400,screenX=500,screenY=300,top=300,left=500'); 

		//alert(nombre);
		
		caddie.document.write('<head><title>Imagen</title></head><body ><CENTER><B>Imagen '+tipo+'</B><BR><img src=\'images/'+nombre+'\' /><br/><br/><input type=\'button\' onclick=\'javascript:window.close();\' value=\'Cerrar\'/></CENTER></BODY>');
	}
	//-->
	</script>
		<?php 
		
	}
	
	function jsSelectPeriodo()
	{
		?>
		<script type="text/javascript">
		function getPeriodoSeleccionado()
		{
			var list = document.getElementById("select_periodo");
			//alert(list.value);
			return list.value;
		}
		</script>
		<?php
	}
	
	/**
	 * funcion para la recarga de la pagina padre, esto con el fin de vizualizar en la grid los cambios u nuevos registros.
	 * @return unknown_type
	 */
	function reload(){
		
		?>
	<script type="text/javascript">
	<!--
	
	function recargar(urlCargar){
		
		//window.location.reload();

		parent.recargarContect(urlCargar);
		
	}
	//-->
	</script>
		<?php 
	}
	
	/**
	 * script de ajax
	 * @return unknown_type
	 */
	function ajax() {
		?>
	<script src="js/js-aplication/ajax/conexion_ajax.js" type="text/javascript"></script>	
		<?php 
	}
	
	
	function alertBox()
	{
		?>
		<script src="js/js-aplication/AlertBox/mootools.js" type="text/javascript"></script>
		<link rel="stylesheet" href="js/js-aplication/AlertBox/alertbox.css" type="text/css" media="all" />
		<script src="js/js-aplication/AlertBox/alertbox.v1.1.js" type="text/javascript"></script>		
		<?php 
	}
	
	
	/**
	 * funcion que crea los script para la ventana de confirmacion de eliminacion de registro en la grid
	 * @return unknown_type
	 */
	function alertDelete(){
		
	ajax();
		?>
	<script src="js/js-aplication/AlertBox/mootools.js" type="text/javascript"></script>
	<link rel="stylesheet" href="js/js-aplication/AlertBox/alertbox.css" type="text/css" media="all" />
	<script src="js/js-aplication/AlertBox/alertbox.v1.1.js" type="text/javascript"></script>
	<script src="js/js-aplication/alert_delete.js" type="text/javascript"></script>	
		<?php 

	}
	
	/**
	 * Script de validacion de formularios
	 * @return unknown_type
	 */
	function jsValidator(){
		?>
		<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
		
		<script src="js/jquery-1.8.2.min.js" type="text/javascript">
		</script>
		<script src="js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8">
		</script>
		<?php 
	}
	
	/**
	 * 
	 * @return unknown_type
	 */
	function jsWindows()
	{
		?>
		<script type="text/javascript" src="js/lib/jquery-1.9.0.min.js"></script>

	<!-- Add mousewheel plugin (this is optional) -->
	<script type="text/javascript" src="js/lib/jquery.mousewheel-3.0.6.pack.js"></script>

	<!-- Add fancyBox main JS and CSS files -->
	<script type="text/javascript" src="js/source/jquery.fancybox.js?v=2.1.4"></script>
	<link rel="stylesheet" type="text/css" href="js/source/jquery.fancybox.css?v=2.1.4" media="screen" />

	<!-- Add Button helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="js/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
	<script type="text/javascript" src="js/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

	<!-- Add Thumbnail helper (this is optional) -->
	<link rel="stylesheet" type="text/css" href="js/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
	<script type="text/javascript" src="js/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

	<!-- Add Media helper (this is optional) -->
	<script type="text/javascript" src="js/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>		
		<?php 
	}
		/**
	 * Script de validacion de formularios
	 * @return unknown_type
	 */
	function jsDuplicarDatosTabla(){
		?>
		<script type="text/javascript" language="javascript" src="js/duplicarDatosTabla.js"></script>	
		<?php 
	}
	
	
			/**
	 * Script de validacion de formularios
	 * @return unknown_type
	 */
	function jsUtilScriptJS(){
		?>
		<script type="text/javascript" language="javascript" src="js/UtilScriptJS.js"></script>	
		<?php 
	}
	
	
	function tablaMenu($index)
	{
		$posicion = 'style="font-weight: bold;"';
		
	?>
	<table  border="0px"  style="width:800px" cellpadding="0" cellspacing="0" align="center">
			<tr>
				<td align="center"  colspan="2"><a href="index.php">
									<img alt="" style="margin-bottom: 2px;border: 0PX;" src="images/linea_azul_con_home.jpg">
								  </a></td>
			</tr>
			<tr>
				<td align="center"  colspan="2"><img alt="" src="images/banner_home.jpg"></td>
			</tr>
			<tr>
				<td  align="center"  colspan="2"><img alt="" style="margin-top: 5px;" src="images/botonera.jpg"></td>
			</tr>
			<tr>
				<td  align="center"  colspan="2"><img alt="" style="margin-top: 5px;" src="images/linea_gris.jpg"></td>
			</tr>
	</table>
	<script language="JavaScript">

	function cambiar (flag,img,objImg) {
		objImg.src = img;
	}
	
	function preloadcambiar (img,adresse) {
			img.onload = null;
			img.permitir = new Image();
			img.permitir.oldsrc = img.src;
			img.permitir.src = adresse;
			img.permitirloaded = true;
	}
	
	</script>
	<table width="800px" border="0px" align="center">
		<tr>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a <?=activarOpcion('datosPersonales.php',1,$index);?>          onmouseover="cambiar(1,'images/1_datos_personales_1.jpg',document.getElementById('opcion1'));"       <? if($index!=1){?>   onmouseout="cambiar(0,'images/1_datos_personales_0.jpg',document.getElementById('opcion1'));" <?php } ?> ><img style="border: 0px;" alt="" src="images/1_datos_personales_<?=$index==1?'1':'0';?>.jpg" id="opcion1" ></a></p></td>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a <?=activarOpcion('estudiosRealizados.php',2,$index);?>       onmouseover="cambiar(1,'images/2_estudios_realizados_1.jpg',document.getElementById('opcion2'));"    <? if($index!=2){?>   onmouseout="cambiar(0,'images/2_estudios_realizados_0.jpg',document.getElementById('opcion2'));" <?php } ?> ><img style="border: 0px;" alt="" src="images/2_estudios_realizados_<?=$index==2?'1':'0';?>.jpg" id="opcion2" ></a></p></td>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a <?=activarOpcion('experienciaLaboral.php',3,$index);?>       onmouseover="cambiar(1,'images/3_experiencia_laboral_1.jpg',document.getElementById('opcion3'));"     <? if($index!=3){?>  onmouseout="cambiar(0,'images/3_experiencia_laboral_0.jpg',document.getElementById('opcion3'));" <?php } ?> ><img style="border: 0px;" alt="" src="images/3_experiencia_laboral_<?=$index==3?'1':'0';?>.jpg" id="opcion3" ></a></p></td>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a <?=activarOpcion('habilidadesConocimientos.php',4,$index);?> onmouseover="cambiar(1,'images/4_habilidades_conocimientos_1.jpg',document.getElementById('opcion4'));" <? if($index!=4){?> onmouseout="cambiar(0,'images/4_habilidades_conocimientos_0.jpg',document.getElementById('opcion4'));" <?php } ?> ><img style="border: 0px;" alt="" src="images/4_habilidades_conocimientos_<?=$index==4?'1':'0';?>.jpg" id="opcion4" ></a></p></td>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a <?=activarOpcion('agregarFoto.php',5,$index); $op1='';?>     onmouseover="cambiar(1,'images/5_agregar_foto_1.jpg',document.getElementById('opcion5'));"             <? if($index!=5){?> onmouseout="cambiar(0,'images/5_agregar_foto_0.jpg',document.getElementById('opcion5'));" <?php } ?> ><img style="border: 0px;" alt="" src="images/5_agregar_foto_<?=$index==5?'1':'0';?>.jpg" id="opcion5" ></a></p></td>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a <?=activarOpcion('informacionAdicional.php',6,$index);?>     onmouseover="cambiar(1,'images/6_informacion_adicional_1.jpg',document.getElementById('opcion6'));"   <? if($index!=6){?>  onmouseout="cambiar(0,'images/6_informacion_adicional_0.jpg',document.getElementById('opcion6'));" <?php } ?> ><img style="border: 0px;" alt="" src="images/6_informacion_adicional_<?=$index==6?'1':'0';?>.jpg" id="opcion6"></a></p></td>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a <?=activarOpcion('vistaPrevia.php',7,$index);?>              onmouseover="cambiar(1,'images/7_vista_previa_1.jpg',document.getElementById('opcion7'));"            <? if($index!=7){?>  onmouseout="cambiar(0,'images/7_vista_previa_0.jpg',document.getElementById('opcion7'));" <?php } ?> ><img style="border: 0px;" alt="" src="images/7_vista_previa_<?=$index==7?'1':'0';?>.jpg" id="opcion7" ></a></p></td>
		<td align="center"><p class="cssNumeroFE"></p><p class="cssLetrasMenuFE" ><a href="logoutFE.php"   onmouseover="cambiar(1,'images/8_salir_cv_1.jpg',document.getElementById('opcion8'));" onmouseout="cambiar(0,'images/8_salir_cv_0.jpg',document.getElementById('opcion8'));"><img id="opcion8" style="border: 0px;" alt="" src="images/8_salir_cv_0.jpg"></a></p></td>
		</tr>		
		<tr>
				<td  align="center"  colspan="8"><img alt="" style="margin-top: 5px;" src="images/linea_gris.jpg"></td>
		</tr>
	</table>	
	<?php 	
	}
	
	function activarOpcion($valorHref,$opcion,$index)
	{
		$valor='href="'.$valorHref.'"';
		
		$usuarioNuevo = $_SESSION["usuario_nuevo"];
		
		//$op1='vistaPrevia.php'; 
		
		if($usuarioNuevo=='SI')
		{
			if($opcion<=$index)
			{
				//echo $op1;
			}
			else
			{
				$valor='';
			}
		}
		else
		{
			//echo $op1;
		}
		
		return $valor;
	}
	
	
	
	function jquery()
	{
		?>
		<link rel="stylesheet" type="text/css" media="screen" href="js/jquery/screen.css" />
		<script src="js/jquery/jquery.js" type="text/javascript"></script>
		<script src="js/jquery/jquery.metadata.js" type="text/javascript"></script>
		<script src="js/jquery/jquery.validate.js" type="text/javascript"></script>
		<style type="text/css">
			.cmxform fieldset p.error label { color: red; }
			div.container {
				background-color: #eee;
				border: 1px solid red;
				width:800px;
				margin: 5px;
				margin-left: 230px;
				padding: 5px;
			}
			div.container ol li {
				list-style-type: disc;
				margin-left: 20px;
			}
			div.container { display: none }
			.container label.error {
				display: inline;
			}
			form.cmxform { width: 30em; }
			form.cmxform label.error {
				display: block;
				margin-left: 1em;
				width: auto;
			}
			</style>
			
			<script type="text/javascript">
			// only for demo purposes
			$().ready(function() {
				$("#form1").validate({
					errorLabelContainer: $("#form1 div.error")
				});
				
				var container = $('div.container');
				// validate the form when it is submitted
				var validator = $("#form2").validate({
					errorContainer: container,
					errorLabelContainer: $("ol", container),
					wrapper: 'li',
					meta: "validate"
				});

				var validator2 = $("#form3").validate({
					errorContainer: container,
					errorLabelContainer: $("ol", container),
					wrapper: 'li',
					meta: "validate"
				});
			});
		</script>
		<?php 
	}
		
?>